<template>
  <van-col :span="6" class="modelBox" v-if="data">
    <router-link :to="data.router">
      <img :src="require(`../../../assets/images/${data.name1}.png`)" alt="">
      <div class="fontSize12">{{data.name}}</div>
    </router-link>
  </van-col>
</template>

<script>
  export default {
    props: ['data']
  }
</script>

<style scoped lang="scss">
  .modelBox{
    padding: 0.625rem 0;
    position: relative;
    text-align: $center;
    img{
      width: 2.8125rem;
      height: 2.8125rem;
    }
    .del{
      position: absolute;
      right: $spacing * 2;
      top: $spacing * 2;
    }
    a{
      color: #666;
    }
  }
</style>
